<!DOCTYPE html>

<html>
<head>
	<meta charset='utf-8'><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1,requiresActiveX=true'>
	<!--meta(name='robots', content=data->nofollow)-->
	<title>【i好邻居】 - 高端社区邻居交流平台</title>
	<meta name='keywords' content='邻居网，小区网，社区网'>
	<meta name='description' content='在好邻居网，你可以跟邻居之间互相帮助，交朋友，买卖二手东西，生活信息交流，组织小区活动，团购等'>	
	<link rel="stylesheet" href="css/layout.css" type="text/css" />
	<script type="text/javascript" src="js/jquery-1.10.2.js"></script>	
	<script type="text/javascript">
	function AutoScroll(obj){ 
		$(obj).find("ul:first").animate({ marginTop:"-25px" },1000,function(){ $(this).css({marginTop:"0px"}).find("li:first").appendTo(this); }); 
	}
	 
	$(document).ready(function(){
		var slides = [];
		slides.push({"imgUrl":"images/sample01.jpg","title":"hello 1111",})
		slides.push({"imgUrl":"images/sample02.jpg","title":"hello 2222",})
		slides.push({"imgUrl":"images/sample03.jpg","title":"hello 3333",})
		var i = 0;
		var curObj = $("#nav" + i);
		$("#curPic").attr("src", slides[i].imgUrl);
		$("#imgTit a").text(slides[i].title);	
		function setObj(index){
			$(curObj).css({"background-position" : "20px -126px"});
			i = index % slides.length;
			curObj = $("#nav" + i);
			$(curObj).css({"background-position" : "-10px -126px"});
			$("#curPic").attr("src", slides[i].imgUrl);
			$("#imgTit a").text(slides[i].title);
		}
		$("#imgNav a").mouseover(function(){setObj(parseInt($(this).attr("index")));});
		$("#imgplayer-prev, #imgplayer-next").mouseover(function(){$(this).css({"opacity":"0.6"});});
		$("#imgplayer-prev, #imgplayer-next").mouseout(function(){$(this).css({"opacity":"0.3"});});
		$("#imgplayer-prev").click(function(){setObj((i+slides.length + 1)% slides.length);});
		$("#imgplayer-next").click(function(){setObj((i+slides.length - 1)% slides.length);});
				
		setInterval('AutoScroll("#scrollMsg")',6000);
	})
	</script>
</head>

<body>
	<div id="header">
		<div class="wrapper" style="padding-top:5px;">
			<div id="topbar" >
				<div id="logo">
					<img src="images/logo.png" />
					<span><font color="red">i</font><font color="green">haolinju</font>.com</span>
				</div>
				<div id="subname">
					<span>金地荔湖城</span>
				</div>
			</div>
							
			<div id="entrance">
				<a href="#">登录</a>
				<a href="#" style="color:green;">注册</a>
			</div>	
		</div>
		
		<div class="wrapper">
			<br class="clear" />
			<div id="menu">
				<a href="#">首页</a>
				<a href="#">邻居论坛</a>
				<a href="#">生活服务</a>				
				<a href="#">二手交易</a>
				<a href="#">物业租售</a>
				<a href="#">小区商家</a>
				<a href="#">站内导航</a>
							
				<span><i>爱生活,爱好邻居,www.<font color="red" size="4">i</font><font color="green" size="4">haolinju</font>.com</i></span>
			</div>	
		</div>
	</div>
	
	<div id="main">
		<div class="wrapper">
			<div id="album" class="infoblk">
				<img id="curPic" src="images/sample02.jpg"></img>
				<div class="imgctl">
					<span class="left"><a href="#" id="imgplayer-prev"></a></span>
					<span class="right"><a href="#" id="imgplayer-next"></a></span>
				</div>
				<div class="imgmask"></div>
				<div class="imgnav">
					<span id="imgTit" class="imgtit left"><a href="#">Image description </a></span>
					<span id="imgNav" class="imgdot right">
						<a href="#" index="0" id="nav0">1</a>
						<a href="#" index="1" id="nav1">2</a>
						<a href="#" index="2" id="nav2">3</a>
					</span>
				</div>
			</div>
			

				<div id="latest" class="infoblk">
				<span class="infotit" style="border-color:red;">小区动态</span>
				<ul>
					<li>
						<span class="tag">[物业通知]</span>
						<span class="msg" style="max-width:210px;">7月份水电双方是否收到风哥哥哥哥费催收通知</span>
						<span class="date">07/15</span>
					</li>
					<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">07/15</span>
					</li>
					<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">07/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">07/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">07/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">07/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">07/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">07/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">07/15</span>
					</li>
				</ul>
				
				<div id="scrollMsg">
					<ul>
						<li> <a href="#">金碧世纪暑期游泳培训班开始报名</a></li>
						<li> <a href="#">超市特惠周末活动</a> </li>
						<li> <a href="#">旁边乐购开张啦！！！！！！</a> </li>
						<li> <a href="#">免费提供搬家服务</a> </li>
						<li> <a href="#">广告位招租</a> </li>
					</ul>
				</div>					
				</div>				
		</div>
		
		<br class="clear" />		
		<div class="wrapper">
			<div id="shops">
				<ul>
					<li><a href="#"><img src="images/shop01.jpeg" title="description"/> </a></li>
					<li><a href="#"><img src="images/shop01.jpeg" /> </a></li>
					<li><a href="#"><img src="images/shop01.jpeg" /> </a></li>
					<li><a href="#"><img src="images/shop01.jpeg" /> </a></li>
					
					<li><a href="#"><img src="images/shop01.jpeg" /> </a></li>
					<li><a href="#"><img src="images/shop01.jpeg" /> </a></li>
					<li><a href="#"><img src="images/shop01.jpeg" /> </a></li>
					<li><a href="#"><img src="images/shop01.jpeg" /> </a></li>
					
					<li><a href="#"><img src="images/shop01.jpeg" /> </a></li>
					<li><a href="#"><img src="images/shop01.jpeg" /> </a></li>
					<li><a href="#">商家入驻</a></li>
					<li><a href="#">商家入驻</a></li>
				</ul>
			</div>
		</div>
		
		<div class="wrapper">
			
			<div class="infoblk prop" style="height:380px; margin-left:0;">
				<span class="infotit" style="border-color:green;">邻居论坛</span>
				<ul>
					<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
					<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
					<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
					<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
				</ul>
			</div>
			
			<div class="infoblk prop" style="height:500px;float:right;">
				<span class="infotit" style="border-color:yellow;">二手交易</span>
				<ul>
					<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
				</ul>	
			</div>

			<div class="infoblk prop"  style="height:600px;">
				<span class="infotit" style="border-color:orange;">分类信息</span>
				<ul>
									<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
										<li>
						<span class="tag">[物业通知]</span>
						<span class="msg">7月份水电费催收通知</span>
						<span class="date">7/15</span>
					</li>
				</ul>
			</div>

		</div>
	</div>
	
	<div id="footer" class="clear">
		<div class="wrapper">
			<div id="about">
				<a href="#">关于我们</a>
				<a href="#">员工招聘</a>
				<a href="#">商务合作</a>
			</div>
		</div>
		
		<div class="wrapper">
			<div id="copyright">
				<span> Copyright@2013 QiJia Tech .Ltd </span>
			</div>
		</div>
	</div>

</body>
</html>


